<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<title>母婴之家</title>
		<!--引入的less文件必须放前面-->
		<!--<link href="css/index.css" rel="stylesheet" type="text/css"/>-->
		<link data-dump-line-numbers="all" rel="stylesheet/less" type="text/css" href="./less/common.less">
		<link data-dump-line-numbers="all" rel="stylesheet/less" type="text/css" href="./less/login.less">
		<!--less.js引入-->
		<script src="../less.js-master/dist/less.js" data-poll="1000" data-relative-urls="false"></script>
		<link rel="stylesheet" href="../lib/bootstrap/css/复制 bootstrap.min.css" />
	</head>

	<body>
		<div id="site-nav">
			<div class="sn-bd" id="sn-bd">
				<div class="sn-container clearfix">
					<ul id="header-quick-menu" class="header-quick-menu clearfix">
						<li class="curpage">
							<a href="http://www.muyingzhijia.com/">母婴之家</a>
						</li>
						<li>
							<a href="http://haitao.muyingzhijia.com/">母婴海淘</a>
						</li>
						<li>
							<div class="phoneDiv">
								<i class="icon-mobilephone glyphicon glyphicon-phone"></i>
								<a href="http://app.muyingzhijia.com">手机版</a>
							</div>
							<div class="phoneHideDiv">
								<a href="http://app.muyingzhijia.com/">
									<img alt="二维码" src="images/20150616150348_972_20150605145113_972_app.jpg" />
								</a>
							</div>
						</li>
					</ul>
					<ul class="ssn-quick-menu  clearfix fr ">
						<li class="ssn-login-info">
							<span>欢迎来到母婴之家!  &nbsp;&nbsp; </span>
							<a href="login.html">[登陆]</a>
							<a href="reg.html">[免费注册]</a>
						</li>
						<li class="ssn-separator"></li>
						<li class="dropdown">
							<div class="ssn-hover-div ac" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
								<span class="dropdown-toggle">我的订单</span>
								<span class="caret"></span>
							</div>
							<ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
								<li>
									<a href="#">我的家</a>
								</li>
								<li>
									<a href="#">我的提问</a>
								</li>
								<li>
									<a href="#">我的评论</a>
								</li>
								<li>
									<a href="#">我的收藏</a>
								</li>
								<li>
									<a href="#">我的幸运星</a>
								</li>
							</ul>
						</li>
						<li class="ssn-separator"></li>
						<li class="dropdown">
							<div class="ssn-hover-div ac" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
								<span>客户服务</span>
								<span class="caret"></span>
							</div>
							<ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
								<li>
									<a href="#">在线客服</a>
								</li>
								<li>
									<a href="#">帮助中心</a>
								</li>
							</ul>
						</li>

						<li class="ssn-separator"></li>
						<li>
							<span>商务合作</span>
						</li>
						<li class="ssn-separator"></li>
						<li>
							<span>分类导航</span>
						</li>
					</ul>
				</div>
			</div>

		</div>
		<div id="ui-top-bar">
			<div class="ui-logo">
				<a href="#">
					<img src="images/common/logo29new.png" alt="母婴之家首页">
				</a>
			</div>
		</div>
		<div class="pro-nav clearfix"></div>

		<div id="wrap">
			<div class="login-box">
				<div class="tit">
					<ul class="tit-list">
						<li >
							<a href="#">注册</a>
						</li >
						<li class="select">
							<a href="#">登陆</a>
						</li>
					</ul>
				</div>
				<div class="con-box">
					<ul id="con">
						<li id="show1" style="display: none;">
							<div class="show-right">
								<a>
									<img src="images/reglogin/regbg.jpg" />
								</a>
							</div>
							<div class="show-left">
								<form id="reg-form" name="reg-form">
									<div class="tel-list from-list">
										<label>手机号：</label>
										<input class="tel" placeholder="请填入手机号码" />
										<div class="tel-error error">
											<img src="images/reglogin/error.jpg" />
										</div>
									</div>
									<div class="set-pwd from-list">
										<label>请设置密码：</label>
										<input class="set-pwd-input" placeholder="请填入密码" />
										<div class="set-pwd-error error">
											<img src="images/reglogin/error.jpg" />
										</div>
									</div>
									<div class="sure-pwd from-list">
										<label>请确认密码：</label>
										<input class="sure-pwd-input" placeholder="请再次填写密码" />
										<div class="sure-pwd-error error">
											<img src="images/reglogin/error.jpg" />
										</div>
									</div>
									<div class="Yan-list from-list">
										<label>验证码：</label>
										<input class="yan" />
										<div class="yan-error error">
											<img src="images/reglogin/error3.jpg" />
										</div>
										<img src="images/reglogin/yan1.jpg" id="regCode" />
										<p>
											看不清？<a class="changeCode">换一张</a>
										</p>
									</div>
									<div class="Yan-list tel-yan-list from-list">
										<label>短信验证码：</label>
										<input class="yan"/>
										<div class="tel-yan">
											<a href="#">
												<img src="images/reglogin/shoujiyanzheng.jpg" />
											</a>
										</div>
										<div class="sure-pwd-error error">
											<img src="images/reglogin/error.jpg" />
										</div>
									</div>
									<div class="from-bottom">
										<div class="free-login from-list">
											<input type="checkbox" id="remember" name="remember" class="checkbox">记住我(30天内免登录)
											<a href="#" target="_blank" class="forgetpassword">忘记密码？</a>
										</div>
										<button type="button" class="login-btn">立即登陆</button>
										<div class="otherwise">
											<div class="sign-title-right">
												使用合作网站账号登录母婴之家：
											</div>
											<ul class="href-list">
												<li>
													<a href="#" class="weibo"></a>
												</li>
												<li>
													<a href="#" class="moneyBaby"></a>
												</li>
												<li>
													<a href="#" class="qq"></a>
												</li>
											</ul>
										</div>
									</div>
								</form>
							</div>
						</li>
						<li id="show2" >
							<div class="show-left">
								<a>
									<img src="images/reglogin/login-erweima.jpg" />
								</a>
							</div>
							<div class="show-right">
								<form name="login-from" id="login-from">
									<div class="login-list from-list">
										<label>账户名：</label>
										<input class="user-name" placeholder="请填入邮箱或手机号码" />
										<div class="user-error error">
											<img src="images/reglogin/error.jpg" />
										</div>
									</div>
									<div class="pwd-list from-list">
										<label>密码：</label>
										<input class="pwd" placeholder="请填入密码" />
										<div class="pwd-error error">
											<img src="images/reglogin/error2.jpg" />
										</div>
									</div>
									<div class="Yan-list from-list">
										<label>验证码：</label>
										<input class="yan" />
										<div class="yan-error error">
											<img src="images/reglogin/error3.jpg" />
										</div>
										<img src="images/reglogin/yan1.jpg" id="regCode" />
										<p>
											看不清？<a class="changeCode">换一张</a>
										</p>
									</div>
									<div class="from-bottom">
										<div class="free-login from-list">
											<input type="checkbox" id="remember" name="remember" class="checkbox">记住我(30天内免登录)
											<a href="#" target="_blank" class="forgetpassword">忘记密码？</a>
										</div>
										<button type="button" class="login-btn">立即登陆</button>
										<div class="otherwise">
											<div class="sign-title-right">
												使用合作网站账号登录母婴之家：
											</div>
											<ul>
												<li>
													<a href="#" class="weibo"></a>
												</li>
												<li>
													<a href="#" class="moneyBaby"></a>
												</li>
												<li>
													<a href="#" class="qq"></a>
												</li>
											</ul>
										</div>
									</div>
								</form>
							</div>
						</li>
					</ul>
				</div>

			</div>
		</div>
		<div id="footer">
			<div class="tfc_footer">
				<div class="tfc_footer-bd">
					<div ="down-nav-list">
						<ul class="tfc_nav-footer clearfix">
							<li>
								<a href="#">首页</a>
							</li>｜
							<li>
								<a href="#">公司简介</a>
							</li>｜
							<li>
								<a href="#">人才招聘</a>
							</li>｜
							<li>
								<a href="#">合作联系</a>
							</li>｜
							<li>
								<a href="#">企业理念</a>
							</li>
						</ul>
					</div>
					<div class="tfc_copyright">
						<span>由本网站发布的商品或服务的商业宣传活动均属“广告”<br></span>
						<span>Copyright©2003 - 2016 上海母婴之家网络科技股份有限公司 muyingzhijia.com All Rights Reserved 客服热线：021-51760000 4008201000</span>
					</div>
					<div style="padding:10px; text-align:center">
						<a style="display: block; height: 38px; width: 100px; margin: 0 auto;" href="http://www.sgs.gov.cn/lz/licenseLink.do?method=licenceView&amp;entyId=20111019134737637" target="_blank">
							<img style="width:100px;height:47px; display:inline-block" src="http://static.boodoll.cn/mall/v16/images/index/shanghai_industry.gif">
						</a>
						<a target="_blank" style="margin-left: 10px; display: inline-block;" href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action">
							<span style=" color: #939393;vertical-align: 5px;margin-right: 5px;">沪ICP备09021709号</span>
						</a>
						<a target="_blank" style="margin-left: 5px; display: inline-block;" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010402000751">
							<img style="display:inline-block; margin-top: -10px; margin-left: -9px; " src="http://static.boodoll.cn/mall/v16/images/ghs.png">
							<span style="color: #939393; vertical-align: 5px; margin-left: 0px;">沪公网安备 31010402000751号</span>
						</a>
					</div>
				</div>
			</div>
		</div>
		<script src="../lib/jquery/jquery.js"></script>
		<script src="../lib/bootstrap/js/bootstrap.min.js"></script>
		<script src="js/index.js"></script>
	</body>
	<script>
		$(function(){
			$('.tit-list').children('li').click(function(){
				var i = $(this).index();
				$(this).addClass('select').siblings().removeClass('select');
				$('#con').children('li').eq(i).css('display','block').siblings().css('display','none');
			})
		})
	</script>

</html>